@import "global";

#newSidebar {
  &.ant-menu-root {
    > li:first-child {
      border-top: 1px solid #d2d2d2;
    }

    &.ant-menu-vertical{
      border-right: 1px solid #d2d2d2;
    }
  }
  .ant-menu-submenu {
    border-bottom: 1px solid #d2d2d2;
    .ant-menu-submenu-title {
      background-color: @menu-gbc;
      font-size: 14px;
      span {
        color: @menu-color;
      }
      &:after {
        font-size: 14px;
      }
    }
    &-open,
    &-active {
      .ant-menu-submenu-title {
        background-color: @menu-active-gbc;
        span {
          color: @menu-active-color;
        }
      }
    }
    .ant-menu-item {
      background-color: @menu-sub-gbc;
      &-active {
        background-color: @menu-sub-active-gbc;
        color: @menu-sub-active-color;
        border-right: 2px solid @menu-sub-active-border-color;
      }
      &-selected {
        background-color: @menu-sub-selected-gbc;
        border-color: @menu-sub-selected-border-color;
        color: @menu-sub-selected-color;
      }
      & > a {
        font-size: 14px;
      }
    }
  }
  .ant-menu-submenu-vertical {
    .ant-menu-submenu-title {
      padding-left: 14px;
      &:after {
        content: '';
      }
    }
  }
}

.ant-menu-inline {
  border-right: 1px solid @menu-gbc;
}
